<template>
  <div class="app-container">
    <el-card class="box-card">
      <div style="display: flex;align-items: center;justify-content: center">
        <div style="display: flex;align-items: center;justify-content: center;width: 600px">
          <div>
            <div style="text-align: center">
              <h2><i style="font-size:30px;color: rgb(24, 144, 255);" class="el-icon-s-promotion"></i>产品许可</h2>
            </div>
            <p>
              非常感谢您对{{productName}}的认可与支持！ <br> <br>
              机器码是：{{fassSN}} <br>
              产品名称：{{productName}} <br>
              技术支持：mszf <br>
              <span style="font-weight: bold"> 最大在线人数：{{onlineNum}}</span> <br>
              <span style="font-weight: bold"> 授权时间：{{authorizationTime}}</span>
            </p>
          </div>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
import {getLicenseInfo} from "@/api/product/license";
export default {
  name: "index",
  data() {
    return {
      fassSN:'',
      onlineNum:'',
      productName:'',
      authorizationTime:'',
    }
  },
  created() {
    this.getInfo();
  },
  methods: {
    getInfo(){
      getLicenseInfo().then(response => {
          this.fassSN = response.data.fassSN;
          this.onlineNum = response.data.onlineNum;
          this.productName = response.data.productName;
          this.authorizationTime = response.data.authorizationTime;
        }
      );
    }
  }
}
</script>

<style scoped>

</style>
